@for $i from 1 through 10 {
  .mt#{$i * 10} { margin-top: 10px * $i; }
  .ml#{$i * 10} { margin-left: 10px * $i; }
  .mr#{$i * 10} { margin-right: 10px * $i; }
  .mb#{$i * 10} { margin-bottom: 10px * $i; }

  .pt#{$i * 10} { padding-top: 10px * $i; }
  .pl#{$i * 10} { padding-left: 10px * $i; }
  .pr#{$i * 10} { padding-right: 10px * $i; }
  .pb#{$i * 10} { padding-bottom: 10px * $i; }

  .w#{$i * 10} { width: 1px * $i; }
  .h#{$i * 10} { height: 1px * $i; }
}

@for $i from 10 through 30 {
  .fs#{$i} { font-size: 1px * $i; }
}

@for $i from 2 through 6 {
  .fw#{$i * 100} { font-weight: ($i * 100); }
}

.mAuto{
  margin: auto;
}
.wFull{
  width: 100% !important;
}
.hFull{
  height: 100% !important;
}
